﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html style=""><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<meta charset="UTF-8">
	<title>MyMaps - Everything is in your hands</title>
	
	<!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
    <![endif]-->
	<link rel="icon" href="images/favicon.ico">
	<link href="css/grid.css" rel="stylesheet" type="text/css">
	<link href="css/base.css" rel="stylesheet" type="text/css">
	<link href="css/adv.css" rel="stylesheet" type="text/css">
  	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAK8R215cXuAFj0Up23r1As4LdSad7tgL4&sensor=false&libraries=places"></script>
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/maps.js"></script>
    <script src="js/myscripts.js"></script>

</head>
<body class="home">
	<header>
	
		<div class="nav-bar">
			<div class="nav-inside">
			</div>
		</div>
		
		<div class="wrapper">
		
			<!-- ******** LOGO START ******** -->
			<div class="logo">
				<img src="images/logo.png" style="margin: -10px 0 -10px 0;">
				<h2>MyMaps</h2>
				<p style="margin: 0 0 -10px 0;">Everything is in your hands</p>
				<a href=""></a>
			</div>
			<!-- ******** LOGO END ******** -->
		
			<!-- ******** NAVIGATION START ******** -->
			<nav class="main">
				<ul>
					<li><a href="">Home</a></li>
					<li><a >Location</a>
						<ul style="display: none;">
							<li>
                            	<input class="text" id="txtLocation" type="text"   />
                                <img id="doLocation" src="images/search.png" />
                            </li>
						</ul>
					</li>
                    <li><a >Direction</a>
						<ul style="display: none;">
							<li>
                            	<div class="title-input">A</div> <input class="text2" type="text" id="txtstart" style="margin-right:10px;"  />
                                <div class="title-input">B</div> <input class="text2" type="text" id="txtend"  />
                                <img id="doDirection" src="images/search.png" />
                            </li>
						</ul>
					</li>
                    <li><a >About Us</a>
                    <li><a >Contact</a>
				</ul>
			</nav>
			
			<button class="nav-trigger">Navigation</button>
		
		</div>
        <div id="googlemap" style="min-height:500px;"><img style="height:100%; width:100%" src="images/banner-home2.jpg"></div> 
        <div id="directionsPanel"></div>
	</header>
	
	<footer id = "footer">		
		<section class="credits">
			<div class="row wrapper">
				<div class="span12 center">
					© 2013 MyMaps. Web Design &amp; Development by 1241335 - 1241361 - 1241393 - 1241444
				</div>
		  </div>
	  </section>
	</footer>
</body>
</html>
